

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link  rel="stylesheet" type="text/css" href="css/caja.css" media="screen">
         <!-- estilo para los comentarios -->
        <link  rel="stylesheet" type="text/css" href="css/comentarios.css" media="screen">
        
        <!-- fin de los comentarios -->
        <link href="js/jquery.validity.css" rel="stylesheet" type="text/css" />
        
                <title>Consejo Ciudadano |Puente de Ixtla</title>
                <!-- css para comentar -->
        <style type="text/css">	
			.container 	{width: 60%; position:relative;
			             top: 2px;
			             left: 20%;}
			.boton		{font-family: Georgia, Times, serif;
			             font-size: 14px; background: #64b141;
			             color: white; 
			             padding: 5px; 
			             text-decoration: none;
			             cursor:pointer;
			             }
			.caja	{border: 2px solid #64b141;}
		    .caja p { padding: 5px;}
	</style>	
        <script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/jquery.validity.js" type="text/javascript" ></script>
	<script language="javascript">
            $(function() { 
                $("#fmensaje").validity(function() {
                    $("#alias")
                        .require()
                        .match("text")                                                                  
                    $("#mensaje")
                        .require()    
                                      
                });
                $("#fregistro").validity(function() {
                    $("#Nombre")
                        .require()
                        
                   $("#Apellido")
                        .require()
                   $("#Alias")
                        .require()
                  $("#Correo")
                        .require()
                   $("#Ocupacion")
                   .require()           
                                                
                });
                
            });            
        </script>
        <script>
          $(document).ready(function ()
                  {
        	  $("#idpropuestas").load("muestrapropuestas.php");

              });
        </script>
        <script languaje="javascript">
         function cargapropuestas(){
              $("#idpropuestas").load("muestrapropuestas.php");
         }
        </script>	          
        
                </head>

                <body>
                    <center>
                        <div class="general">
                            <div id="imghead">
                                <?php include("cabezera.html"); ?>
                            </div>
                            <div class="menup">
                                <?php include("menu.html"); ?>
                            </div>
                            <br /><br />
                            <div id="contenido">
                                <div id="cajaarriba1">
                                    <div id="cajaabajo1">
                                        <div class="cajap">
                                             
                                               <div id="Propuesta" class="tituloginforma">
                                                            Propuesta:
                                                 </div>
                                                 <div style="position: relative; top: 30px; left: 20px; width: 70%; padding: 2px 10px 2px 20px;">
                                                     <p class="parrafon" style="font-size:1.2em;">
                                                        Contribuye con tus propuestas de trabajo en tu colonia o municipio, expresa tus 
                                                        necesidades como ciudadano, para ayudar a las autoridades municipales 
                                                        a identificar las necesidades del pueblo.
                                                     </p>
                                                     <br>
                                                     <br>
                                                   </div>
                                                 <div id="contf" class="container"><!-- .container -->		                                             
		                                               <!-- jQuery slideToggle -->
		                                                  <h2><a class="boton" id="jEsconde">No te vallas sin comentar</a></h2>
		                                                  <div class="caja" id="jMuestra">		                                            
			                                                  <div class="fcomenta">
												                <div >
												                         <form style="display:none;" method="post" action="utilidades/procesapropuesta.php" id="fregistro" target="iframeUpload">
												      <fieldset>
												        <legend>Perfil</legend>
												        <ol style="list-style: none;">
												            <li><label>Nombres:</label><input id="Nombre" type="text" size="30" name="fnombre" /></li>
												            <li><label>Apellidos:</label><input id="Apellido" type="text" size="30" name="fapellido" /></li>
												            <li><label>Alias:</label><input id="Alias" type="text" size="30" name="falias" /></li>
												            <li><label>Ocupacion:</label><input id="Ocupacion" type="text" size="30" name="focupacion" /></li>            
												            <li><label>Correo:</label><input id="Correo" type="text" size="30" name="fcorreo" /></li>
												            <input type="hidden" name="tipoform" value="registro"> 
												        </ol>
												        <input type="submit"   name="Enviar" value="Enviar" />
												      </fieldset>
												      </form>
												                </div>
												                <form id="fmensaje" action="utilidades/procesapropuesta.php" method="post" target="iframeUpload">
												                Alias:<input id="alias" name="alias" type="text" size="15"></input><br/>
												                Selecciona una regiduria:
												                <SELECT id="regidurias" NAME="regidurias">
												                  <OPTION value="g" selected></OPTION>												                 		                                                 
				                                                  <OPTION value="d1">Obras publicas</OPTION>
				                                                  <OPTION value="d3">Educacion</OPTION>
				                                                  <OPTION value="d2">Regiduria de sesarrollo social</OPTION>
				                                                </SELECT> 
												                
												                <textarea id="mensaje" name="mensaje" class="textareafc"></textarea> <br>												                												             
												                <input type="hidden" name="tipoform" value="comentario"> 
												                <input type="hidden" id="idcritica" name="idcritica" >
												                <input name="Enviar" type="submit" value="Enviar" style="margin-bottom:10px;"/><br>
												                </form>
												             </div>  
	                                                      </div>
	                                                      <iframe style="display:none" name="iframeUpload" ></iframe>
	                                                      
	                                                  </div><!-- /.container -->
	                                                  <div id="idpropuestas">
	                                                  
	                                                  <div>   
                                                 
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="piepagina">
                        </div>
                </body>
                </html>